<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head></head>
<body>

  <div wicket:id="body">

	<!-- content -->
	<div class="section">
	  
	  	<span class="errors" wicket:id="messages" />
	  
	    <form wicket:id="searchCriteria">
		    
		    <h1>Search Hotels</h1>
		
			
			<fieldset> 
			   <input id="searchString" wicket:id="searchString" style="width: 165px;" />
		       &#160;
			   <input type="submit" wicket:id="submit" value="Find Hotels" />
		       &#160;
			   <br/>
		       <label for="pageSize">Maximum results:</label>&#160;
		       <select wicket:id="pageSize" />
		    </fieldset>
	    </form>
	    
	</div>
	
	<div class="section">
	<wicket:enclosure>
		<span wicket:id="noResults" />
	</wicket:enclosure>
	<div wicket:id="hotels">
	<wicket:enclosure child="hotel">
	<table id="hotels">
		<thead>
			<tr>
				<th>
					Name
				</th>
				<th>
					Address
				</th>
				<th>
					City, State
				</th>
				<th>
					Zip
				</th>
				<th>
					Action
				</th>
			</tr>
		</thead>
		<tbody>
			<tr wicket:id="hotel">
				<td>
					<span wicket:id="hotelName">[name]</span>
				</td>
				<td>
					<span wicket:id="hotelAddress">[address]</span>
				</td>
				<td>
					<span wicket:id="hotelCityStateCountry">[city, state, country]</span>
				</td>
				<td>
					<span wicket:id="hotelZip">[zip]</span>
				</td>
				<td>
					<a wicket:id="viewHotel">View Hotel</a>
				</td>
			</tr>
		</tbody>
	</table>
	<span wicket:id="hotelPager" />
	</wicket:enclosure>
	</div>
  </div>
	
	<div class="section">
		<h1>Current Hotel Bookings</h1>
	</div>
	<div class="section">
		<wicket:enclosure>
			<span wicket:id="noHotelsBooked" />
		</wicket:enclosure>
		<wicket:enclosure child="bookedHotel">
		<table id="bookings">
			<thead>
				<tr>
					<th>
						Name
					</th>
					<th>
						Address
					</th>
					<th>
						City, State
					</th>
					<th>
						Check in date
					</th>
					<th>
						Check out date
					</th>
					<th>
						Conf number
					</th>
					<th>
						Action
					</th>
				</tr>
			</thead>
			<tbody>
				<tr wicket:id="bookedHotel">
					<td>
						<span wicket:id="hotelName">[name]</span>
					</td>
					<td>
						<span wicket:id="hotelAddress">[address]</span>
					</td>
					<td>
						<span wicket:id="hotelCityStateCountry">[city, state, country]</span>
					</td>
					<td>
						<span wicket:id="hotelCheckInDate">[check in date]</span>
					</td>
					<td>
						<span wicket:id="hotelCheckOutDate">[check out date]</span>
					</td>
					<td>
						<span wicket:id="hotelConfirmationNumber">[confirmation number]</span>
					</td>
					<td>
						<a wicket:id="cancel">Cancel</a>
					</td>
				</tr>
			</tbody>
		</table>
		</wicket:enclosure>
	</div>
	
	</div>
</body>
</html>